$display:(
    parent:inherit,
    block: block,
    inline-block: inline-block,
    inline: inline,
    flex: flex,
    inline-flex: inline-flex,
    table: table,
    table-caption: table-caption,
    table-cell: table-cell,
    table-column: table-column,
    table-column-group: table-column-group,
    table-footer-group: table-footer-group,
    table-header-group: table-header-group,
    table-row-group: table-row-group,
    table-row: table-row,
    table-layout:fixed,
    flow-root: flow-root,
    grid: grid,
    inline-grid: inline-grid,
    contents: contents,
    hidden: none,
    '-webkit-box':-webkit-box
);

@each $key,$value in $display{
    .#{$key}{
        display: $value;
    }
    .#{$key}-fixed{
        table-layout: fixed;
    }
}

/*****************Box Sizing****************************/
$boxsizing:(
    border:border-box,
    content:content-box,
);
@each $key,$value in $boxsizing{
    .box-#{$key}{
        box-sizing: $value;
    }
}

